//创建函数
function lazy(){
    //获取实时窗口可视高度和+滚动条滚动高度
        var ckksgd = window.innerHeight || document.documentElement.clientHeight
        var gdgd = document.body.scrollTop || document.documentElement.scrollTop
        var maxHeight = ckksgd + gdgd 
    //获取所有图片
        var imgs = document.querySelectorAll('img')
    //遍历
        imgs.forEach(function(item,i){
        //判断：当前图片的.offsetTop < maxHeight（窗口可见视口 + 滚动条滚动的高度)
        if (item.offsetTop<maxHeight){
            //成立-修改图片的src属性
            item.src = item.getAttribute('src-real')
        }
        //不成立-不修改
        })
    }
    //首次调用
    lazy()
    //滚动条滚动后调用
    window.onscroll = lazy